.tab-bar-info{
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  min-height: 120rpx;
  background-color: $bg-color;
  padding-bottom: env(safe-area-inset-bottom);
  .tab-bar{
    display: flex;
    align-items: center;
    width: 100%;
    height: 120rpx;
    .item{
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 33%;
      height: 100%;
      image{
        width: 48rpx;
        height: 48rpx;
        margin-bottom: 10rpx;
      }
      text{
        font-size: 28rpx;
        color: $text-color-assist;
      }
      .tag{
        position: absolute;
        right: 88rpx;
        top: -10rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 36rpx;
        height: 36rpx;
        background-color: red;
        border-radius: 100%;
        text{
          font-size: 24rpx;
          color: #FFFFFF;
        }
      }
    }
    .active{
      text{
        color: $base-color;
      }
    }
  }
}
